/*************************************************/
$.ajax({
    url: './php/list.php',
    type: 'get',
    dataType: 'json',
    // async: false,
    success(res) {
        // console.log(res.data)
        // 遍历data
        let str = '';
        res.data.forEach(item => {
            if (item.id < 20) {
                str +=
                    `<li>
                <div class="dio">
                    <img src="${item.img.split('==========')[0]}" data-id=${item.id}>
                    <p>${item.text}
                    </p>
                    <span>￥${item.price}</span> </div></li>                  
`
                if (item.id == 5) {
                    str += `           <li class="wntj-2">
    <h4>精选热点</h4>
    <ul>
        <li>欧式吊灯</li>
        <li>车载收音机</li>
        <li>核桃手串</li>
        <li>餐桌</li>
        <li>折叠床</li>
        <li>篮球</li>
        <li>橄榄调和油</li>
        <li>空气净化器</li>
    </ul>
</li> `
                }
            }
        })
        document.querySelector('.wntj-1').innerHTML = str;
        // $('.dio').click(function() {
        //     location.href = "./jing-fdj.html";
        //     // return false
        // })

        // 给列表页的.list的div绑定点击事件，帮ul中的li的a标签
        $('.wntj-1').on('click', function(e) {
            // 判断点击的是否是a标签
            if (e.target.nodeName === 'IMG') {
                // 将商品的id存储在sessionStorage
                console.log(e.target.dataset);
                sessionStorage.setItem('goodsId', e.target.dataset.id);
                // 跳转至详情页面
                location.href = "./jing-fdj.html";
            }
        })
    },
})

/*************************************************/
let username = getCookie('username');
if (!username) { // 未登录
    $('.ne').html(`<a href="./jing-denlu.html">你好，请登入</i></a>`)
    $('.na').html(`<a href="./jing-zhuce.html">免费注册</a>`)
} else {
    $(window).ready(function() {
        console.log(getCookie(username))
            // console.log(decodeURIComponent(username)) //解决中文乱码
        $('.ne').html(`欢迎${decodeURIComponent(username)}`)
        $('.ne').css({ 'margin-right': '20px' })
        $('.na').html(`退出登入`)
            // 实现点击退出
            //  删除cookie中的键名为username的值就可以退登录
        $('.na').click(function() {
            delCookie('username');
            delCookie('rememberusername');
            location.reload();
        })
    })
}
/*************************************************/
$(document).scroll(function() {
        // console.log($(document).scrollTop())
        if ($(document).scrollTop() >= 670) {
            $('.maodian').css({
                position: 'fixed',
                top: ' 150px',
                right: '90px '
            })
            $('.gudinkuang').css({
                display: 'block',
                position: 'fixed',
                top: 0,
                // left: '50%',
                // 'margin-left': '-600px',
                'z-index': 55
            })

        } else {
            $('.maodian').css({
                position: ' absolute',
                top: '0',
                right: '-90px'
            })
            $('.gudinkuang').css({ display: 'none' })
        }
    })
    /**************************************************** */
$('.nr-con .jd a').click(function() {
        location.href = "./jing-fenye.html";
        return false
    })
    /********************************************************** */
    $(".tc2").click(function() {
        location.href = "./jing-gouwu.html";
        return false
    })
    /**********************倒计时******************************** ****/
 
    setInterval(function () {
        var t1 = new Date('2022-1-17 24:00:00').getTime() // 获取目标时间
        var t2 = new Date().getTime() // 获取当前时间
        var diff = t1 - t2   // 时间差
        // var day = parseInt(diff / 1000 / 60 / 60 / 24) // 天
        var hour = parseInt(diff / 1000 / 60 / 60) % 24 // 小时
        var minute = parseInt(diff / 1000 / 60) % 60 // 分
        var second = parseInt(diff / 1000) % 60 // 秒
        // document.querySelector('.day').innerHTML = day
        hour < 10 ? hour = "0" + hour : hour
        minute < 10 ? minute = "0" + minute : minute
        second < 10 ? second = "0" + second : second
        document.querySelector('.hour').innerHTML = hour
        document.querySelector('.minute').innerHTML = minute
        document.querySelector('.second').innerHTML = second

    },1000)
      /**********************轮播图******************************** ****/
    function anm(){
        $('.jdms .ms2 div').animate({      
            left:-810,  
        },13000,'linear',function(){
            $('.jdms .ms2 div').css({ left:0
            })
          anm()
        })
    }
    anm()
  
 